<template>
  <div class="container">
    <!-- 卡片区域 -->
    <el-card class="box-card">
      <!-- 搜索功能 -->
      <div class="container-search">
        <span>目录名称</span>
        <el-input class="tableinp" v-model="input"></el-input>
        <!-- 状态-->
        <span>状态</span>
        <el-select v-model="value" placeholder="请选择">
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option>
        </el-select>
        <!-- 状态-->
        <el-button size="small" class="clear">清除</el-button>
        <el-button size="small" type="primary">搜索</el-button>
        <el-button
          size="small"
          class="increase"
          type="success"
          icon="el-icon-edit"
          >新增学科</el-button
        >
      </div>

      <!-- 搜索功能 -->
    </el-card>
    <!-- 卡片区域 -->
  </div>
</template>

<script>
export default {}
</script>

<style scoped lang="less">
.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 15%;
}
.status {
  height: 30px;
}
.tableinp {
  margin: 0 15px;
}
</style>
